/* XHTML, HTML4 Reset ---------------- */
a,abbr,address,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,embed,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,iframe,img,ins,label,legend,li,object,ol,p,pre,q,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var {border: 0;margin: 0;padding: 0;font-size: 100%;}html,body {height: 100%;}b,strong {font-weight: bold;}img {color: transparent;font-size: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;}li { display: list-item;}table {border-collapse: collapse;border-spacing: 0;}th,td,caption {font-weight: normal; vertical-align: top;text-align: left;}q {quotes: none;}q:before,q:after {content: '';content: none;}sub,sup,small {font-size: 75%;}sub,sup {line-height: 0; position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}
/* BASIC HTML ------------------------ */
body {font: 0.85em/1.5 Tahoma,Verdana,Arial,sans-serif;word-wrap: break-word;}pre,code { font-family: monospace;}hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}h1 {font-size: 1.9em;}h2 {font-size: 1.7em;}h3 {font-size: 1.6em;}h4 {font-size: 1.4em;}h5 {font-size: 1.2em;}h6 {font-size: 1.1em;}ol {list-style: decimal;}ul {list-style: disc;}li {margin-left: 30px;}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom: 20px;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after{ clear: both; }
.clearfix { zoom: 1; }
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.center{text-align: center;}
/* PAGE STYLE ------------------------ */
body{
    background: #555555 url("../img/layout/bg.jpg");
    color: #fff;
}
#layout{
    min-height: 100%;
    min-width: 960px;
    margin: 0 1em 0 1em;
}
/* Begin Head */
#topbar h2{
    float: left;
    margin: 0;
}
#topbar div.ui-corner-all{
    background-color: black;
    border: 1px solid #666666;
    list-style: none;
    margin: 0.4em 0.4em 0;
    padding: 0.4em;
    float: left;
}
#topbar span{
    color: #666666;
    margin: 0 0.1em;
}
#topbar div.language{
    float: right;
    margin-right: 0;
}
#head a:link,#head a:visited{
    text-decoration: none;
}
#topbar a:link,#topbar a:visited{
    color: #37A7FC;
}
#topbar a:hover,#footer a:hover{
    color: #75DDFA;
}
#sidebar{
    padding: 1px;
}
#sidebar a:link,#sidebar a:visited{
    color: #555555;
}
#sidebar ul,#sidebar li{
    margin:  0;
    list-style: none;
}
#sidebar li{
    float: left;
    position: relative;
    z-index: 99;
}
#sidebar li a,#sidebar li.selected ul a{
    background: url("../img/layout/sidebar_non.png") repeat-x scroll 50% 50% #dfe2e4;
    border-width: 1px;
    border-color: #fff #aaa #aaa #fff;
    border-style: solid;
    padding:0.4em 0.5em 0.3em 0.4em;
    display: inline-block;
    line-height:2em;
    white-space: nowrap;
    color:#555;
    text-shadow:0 0.1em 0 #fff;
    border-radius: 0;
    margin: 0;
    float: left;
    font-weight: normal;
}
#sidebar li.selected a , #sidebar ul.dropdown li ul a,.table-paginate span.current{
    background: url("../img/layout/sidebar_has.png") repeat-x scroll 50% 50% #0b51a2;
    color: #fff;
    text-shadow: 0 0.1em 0 #000;
}
#sidebar ul li:hover ul.dropdown {
    left: -1px;
    right: auto;
}
#sidebar ul.dropdown li{
    float: none;
}
#sidebar ul.dropdown li a{
    display: block;
    float: none;
    border-width: 1px 0;
    padding-left: 1.1em;
}
#sidebar a:hover , #sidebar ul.dropdown li a:hover{
    color: #0764CB;
}
#sidebar ul.dropdown li ul a:hover{
    color: #FBF7D1;
}
#sidebar ul.dropdown li:last-child a.ui-state-active , #sidebar ul.dropdown ul li:last-child > a{
    border-radius : 0;
}
#sidebar ul.dropdown  , #sidebar ul.dropdown li:last-child > a,#sidebar ul.dropdown li:last-child ul li:last-child > a{
    border-radius : 0 0 3px 3px;
}
#sidebar ul.dropdown li ul a{
    background: url("../img/layout/sidebar_has.png") repeat-x scroll 50% 50% #0b51a2;
    border-bottom: 1px solid #2F3134;
    border-top: none;
}
#sidebar ul.dropdown{
    border: 1px solid #AAAAAA;
    display: block;
    left: -9999px;
    position: absolute;
    top: 2.8em;
    width: 15em;
    z-index: 501;
    border-bottom: 0;
    margin-bottom: 0;
    -moz-box-shadow:-5px 5px 7px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:-5px 5px 7px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 5px 7px rgba(0, 0, 0, 0.5);
}
#sidebar ul.dropdown ul{
    margin: 0;
    padding: 0;
    top: 0;
    border: none;
    border-radius : 0;
}
#sidebar span.ui-icon{
    margin-left: -9px;
}
/* Begin Content */
#content{
    padding-bottom: 2.4em;
    min-height: 1px;
    width: 100%;
}
#section input, #section select{
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
#toolbar-container{
    padding: 0.3em;
}
#toolbar-title{
    float: left;
    color: #555555;
}
#toolbar-control{
    float: right;
    text-shadow: 0 0.1em 0 #fff;
}
#toolbar-control .ui-button{
    margin-bottom: 0.3em;
}
#toolbar-title h2{
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0.2em 1em 0.2em 0;
}
/* Begin Footer */
#footer{
    min-height: 1.7em;
    margin: -2.4em 1em 0.3em 1em;
    font-size: 0.9em;
    min-width: 960px;
}
#footer a{
    color: #fff;
}
#footer .copyright,#footer .powered{
    float: left;
    padding-right: 2.2em;
}
#footer .knowled{
    float: right;
}
#footer .knowled a{
    padding-right: 0.3em;
}
#footer .knowled a:last-child{
    padding-right: 0;
}
/* */
.container{background: #E5E8EA url("../img/layout/noise.jpg");margin-bottom: 0.7em;padding: 0.3em;border: 1px solid #777777;box-shadow: 1px 1px 1px #000;-moz-box-shadow:1px 1px 1px #000;-webkit-box-shadow:1px 1px 1px #000;color: #333;}
/* UI Customize */
.ui-message{margin: 0.4em 0;overflow: hidden;padding: 0.5em 0.5em 0.5em 40px;text-shadow: 0 0.1em 0 #fff;}
.ui-message-error{color: #cd0a0a;border: 1px solid #cd0a0a;background: #FED5CD url("../img/layout/ui-message-error.png") repeat-x scroll 50% 100%;}
.ui-message-warning{color: #6a2806;border: 1px solid #6a2806;background: #F1EFB1 url("../img/layout/ui-message-warning.png") repeat-x scroll 50% 100%;}
.ui-message-success{color: #233621; border: 1px solid #233621; background: #e6fbb2 url("../img/layout/ui-message-success.png") repeat-x scroll 50% 100%;}
.ui-message-info{color: #1616b1; border: 1px solid #1616b1;background: #B3E5F4 url("../img/layout/ui-message-info.png") repeat-x scroll 50% 100%;}
.ui-message-icon{width: 22px;height: 22px;float: left;margin-left:  -35px;}
.ui-message-error .ui-message-icon{background-image: url(../img/layout/error.png);}
.ui-message-warning .ui-message-icon{background-image: url(../img/layout/warning.png);}
.ui-message-info .ui-message-icon{background-image: url(../img/layout/info.png);}
.ui-message-success .ui-message-icon{background-image: url(../img/layout/success.png);}
/* UI Extension */
#layout .ui-widget{font-size: 1em;}
#layout .ui-widget-content a:hover{color: #37A7FC;}
#layout .ui-datepicker {background-color: #FCFDFD;}
#layout .ui-tabs .ui-tabs-panel{padding: 0 0.2em 0.2em;}
.ui-button {-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=130, Color='#000000');}
.ui-state-default , .ui-button , .ui-state-active{text-shadow: 0 0.1em 0 #fff;}
.ui-datepicker a.ui-state-default{background:  #fff;border: none;}
.ui-datepicker a.ui-state-highlight {background-color: #666666;}
.ui-datepicker a.ui-state-active{background:  #0066cc;}
.ui-datepicker a.ui-state-highlight,.ui-datepicker a.ui-state-active{color: #fff;text-shadow: 0 0.1em 0 #000;}
/* control icon */
.control-icon .ui-icon {background-image: url(../img/layout/jqueryui-icon.png); }
.control-icon .ui-state-default .ui-icon { background-image: url(../img/layout/jqueryui-icon.png); }
.control-icon .ui-state-hover .ui-icon, .control-icon .ui-state-focus .ui-icon {background-image: url(../img/layout/jqueryui-icon-hover.png); }
.control-icon .ui-state-active .ui-icon {background-image: url(../img/layout/jqueryui-icon-hover.png); }
/* positioning */
.icon-add { background-position:  0 0; }
.icon-translate { background-position: -16px 0; }
.icon-cancel { background-position: -32px 0; }
.icon-copy { background-position: -48px 0; }
.icon-delete { background-position: -64px 0; }
.icon-edit { background-position: -80px 0; }
.icon-export{background-position: -96px 0;}
.icon-import{background-position: -112px 0;}
.icon-list{background-position: -128px 0;}
.icon-refresh{background-position: -144px 0;}
.icon-save { background-position: -160px 0; }
.icon-next { background-position: -176px 0; }
.icon-apply { background-position: -192px 0; }
/* page */
.table-scroll{
    overflow: hidden;
}
.table-content{
    width: 100%;
    overflow-y: hidden;
    overflow-x : auto;
}
.table-content table{
    width: 100%;
    margin-bottom: 0;
}
.table-content table tr.odd{
    background-color: #EDF1F3;
    border-bottom: 1px solid #D8DCDE;
}
.table-content table tr.table-row:hover{
    background-color: #F9F5C9;
}
.table-toolbar,.table-head,.table-paginate span{
    background: url("../img/layout/sidebar_non.png") repeat-x scroll 50% 50% #dfe2e4;
    border-style: solid;
    border-color: #fff #ccc #ccc #fff;
    border-width: 1px;
    padding: 0.5em;
}
.table-breadcrumb{
    font-size: 0.9em;
    padding-bottom: 0.3em;
}
.table-head .ui-icon{
    display:inline-block;
    vertical-align: middle;
}
.table-head a{
    text-decoration: none;
}
.table-head{
    border-right-color: #ccc;
    border-left-color: #fff;
    padding: 0.3em 1em;
    text-shadow: 0 1px 0 #FFFFFF;
    white-space: nowrap;
}
.table-col{
    vertical-align: middle;
    border: #E9E9E7 solid 1px;
    border-top: 0;
    padding: 0.2em 0.3em;
}
.table-length,.table-info{
    float: left;
}
.table-filter,.table-paginate{
    float: right;
}
.table-toolbar .input{
    margin: 0;
}
.table-filter .input{
    float: left;
    border: #ccc solid 1px;
    background: #F9F9F2 url("../img/layout/search_label.gif") no-repeat 6px 50%;
    padding:1px 1px 1px 20px;
    overflow: hidden;
}
.table-filter .toggle{
    float: left;
    padding: 1px;
    margin-left: 5px;
}
.table-filter .toggle .ui-button-text{
    padding: 0;
}
#filter-keyword,#filter-submit{
    border: 0;
    background: 0;
    padding: 0;
    float: left;
}
.table-filter .go{
    float: left;
    width: 23px;
    background: #ECECEC url("../img/layout/go.gif") no-repeat 0 50%;
    overflow: hidden;
    margin-left: 5px;
}
#filter-submit{
    opacity: 0;
    filter:Alpha(Opacity=0);
}
/* Form */
.panel{
    visibility: visible;
}
.panel fieldset{
    border: none;
    margin: 0;
}
.fieldset{
    border: 1px solid #CCCCCC;
    margin: 0.2em 0;
    padding: 0.4em;
    background-color: #EDF1F3;
}
h3.legend{
    border-bottom:  1px solid #CCCCCC;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 0.4em;
    padding: 0.2em 0;
    color: #1d71b8;
}
.column{
    float: left;
}
.coldouble{
    width: 100%;
}
.colsingle{
    width: 50%;
}
.colcomment{
    font-size: 0.9em;
    color: #787b7b;
    margin: 0.2em 0.4em 0;
    clear: both;
}
.column label{
    display: block;
    font-weight: bold;
    margin: 0.2em 0.4em;
}
.column span.required{
    color: red;
    padding-left: 0.4em;
}
.input {
    margin: 0 .7em 0 0.4em;
}
.input label{
    display: inline;
    font-weight: normal;
}
.text input,.password input,.input select,.input textarea{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid;
    border-color: #999999 #CCCCCC #CCCCCC #CCCCCC;
    color: #333333;
    padding: 0.1em 0.2em;
}
.colsingle .text input, .colsingle .password input,.colsingle .select select,.colsingle .textarea textarea,
.coldouble .text input, .coldouble .password input,.coldouble .select select,.coldouble .textarea textarea{
    width: 100%;
}
.textarea textarea{
    overflow: auto;
    resize: none;
}
.panel .select .checkbox,.panel .select .radio{
    float: left;
}
/* Paging */
.table-paginate span{
    float: left;
    padding: 0.2em 0.7em;
}
.table-paginate span.current,.table-paginate span.disabled{
    cursor: default;
}
.table-paginate span.disabled{
    background-image: none;
    color: #C2C3C3;
}
.table-paginate span a{
    text-decoration: none;
}
/* Table action */
.table-actions,.table-translate{
    white-space: nowrap;
}
.table-actions a{
    display: inline-block;
    text-indent: 0;
    font-size: 0;
}
.table-actions a:hover{
    background-image: url("../img/layout/jqueryui/ui-icons_ef8c08_256x240.png");
}
.table-translate img{
    width: 16px;
    height: 11px;
}
.table-translate a{
    text-decoration: none;
    display:inline-block;
    margin: 0 1px;
}
/* Totop */
#toTop {display:none;text-decoration:none;position:fixed;bottom:1px;right:1px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(../img/layout/ui-totop.png) no-repeat left top;z-index: 9999;}
#toTopHover {background:url(../img/layout/ui-totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}